<template>
  <div class="dashboard-editor-container" style="height: 950px">
       <el-row :gutter="40">
           <el-col :span="7" :offset="2">
               <div class="bottom">
               <el-row style="font-size: 25px; font-weight: bold; text-align: left;">
                   新建新闻
               </el-row>
               <el-row >
                   <el-col style="font-size: 20px; font-weight: bold; text-align: left;" :offset="6">
                   新闻主题
                   </el-col>
               </el-row>
               <el-row style="font-size: 15px; font-weight: bold; text-align: left;height: 650px" >
                   新闻内容
               </el-row>
               <el-row>
                   <el-upload
                      class="upload-demo"
                      action="https://jsonplaceholder.typicode.com/posts/"
                      multiple
                      :limit="3"
                      :on-exceed="handleExceed"
                      :file-list="fileList">
                   <el-button size="small" type="primary">点击上传</el-button>
                   </el-upload>
               </el-row>
               <el-row>
                   <el-col :span="1" :offset="6">
                    <el-button type="primary">新建</el-button>
                   </el-col>
                   <el-col :span="1" :offset="5">
                     <el-button plain>导入</el-button>
                   </el-col>
               </el-row>
               </div>
           </el-col>
           <el-col :span="7" :offset="2">
               <div class="bottom">
               <el-row style="font-size: 25px; font-weight: bold; text-align: left;">
                   管理新闻
               </el-row>
               <el-row>
                   <el-table
                    height="770"
                    ref="table"
                    style="width: 90%"
                     >
                     <el-table-column
                        header-align="left"
                        prop="id"
                        label="标题"
                    />
                    <el-table-column
                        header-align="left"
                        prop="id"
                        label="上传时间"
                    />
                    <el-table-column
                        header-align="left"
                        prop="id"
                        label="操作"
                    >
                    <template>
                    <el-button
                        type="text"
                        size="small"
                        width="60"
                        >编辑</el-button
                    >
                    <el-button
                        type="text"
                        size="small"
                        >删除</el-button
                    >
                   </template>
                  </el-table-column>
                 </el-table>
               </el-row>
               </div>
           </el-col>
         </el-row>
  </div>            
</template>
<script>
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
  margin-top: 20px;
  padding: 8px;
  background-color: rgb(240, 242, 245);
  position: relative;
  
  .github-corner {
    position: absolute;
    top: 0;
    border: 0;
    right: 0;
  }
  }
  .el-row {
  margin-bottom: 10px;
  
}
  .bottom{
    margin-top: 20px;
   padding: 8px,20px;
  background: #fff;
  position: relative;
   margin-left: 10px; 
  // margin-right: 20px
}
.el-table{
  margin: auto;
  text-align: center;
  
}
  </style>